.ReactModalPortal {
  position: absolute;
  z-index: 10;
}

.ReactModal__Overlay {
  transition-property: opacity, background-color, box-shadow;
  transition-duration: 2s;

  opacity: 0;
}

.ReactModal__Overlay--after-open {
  opacity: 1;
}

.ReactModal__Content {
  transition-property: opacity, transform, box-shadow;
  transition-duration: 1s;

  transform: rotateY(90deg);
  outline: none;
  opacity: 0;
}

.ReactModal__Content--after-open {
  transform: rotateY(0deg);
  opacity: 1;
}

.dialog {
  box-shadow: 15px 17px 70px 5px rgba(0,0,0,0.8);
  border: 1px solid #b3b3b3;
  background-color: #f6f6f6;
  position: absolute;
  border-radius: 4px;
  cursor: default;
  z-index: 10;
}

.dialog .title {
  border-radius: 4px 4px 0 0;
  background-color: #d2d2d2;
  text-align: left;
  overflow: hidden;
  padding-top: 3px;
  height: 30px;
}

.dialog .title img {
  content: url('');
  margin-right: 10px;
  margin-left: 4px;
  height: 24px;
  width: 24px;
}

.dialog .content {
  position: relative;
  overflow: auto;
  padding: 10px;
  height: 100%;
  width: 100%;
}
